<template>
    <div class="wrap">
        <video src="" width="100%" height="230px" controls >

        </video>
        <img class="goback" src="../../../../assets/images/nav_goback.png" alt="" @click="goback()">
        <img class="start" src="../../../../assets/images/video_start.png" alt="">
        <div class="content">
            <h3>创办你的企业</h3>
            <p>哈哈哈哈哈师大会混合双打好嗨后的北京
                市第直接诶核对表博大精深不会丢失五河
                无军所多军说军说或或或或吧dsdfhgas
                哈哈哈哈哈
            </p>
            <span>发布部门</span> <span>发布时间：2018-10-20 10:10</span>
            <div>
                <span class="time">课时：60分钟</span>
                <img src="../../../../assets/images/zan.png" alt="">
                <span class="praise">20</span>
            </div>
        </div>

        <div class="footer">
           <van-button size="large">开始培训</van-button>
        </div>
    </div>
</template>
<script>
export default {
    name:"particulars",
    components:{},
    data() {
        return {
            
        }
    },
    methods: {
        goback(){
            this.$router.go(-1);
        }
    },
}
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
    .wrap{
        height: 100vh;
        video{
            background-color #1B1B1B
        }
        .goback{
            width 12px
            height 20px
            position absolute
            top 32px
            left 15px
            }
        .start{
            width 28px
            height 28px
            position absolute
            left 46%
            top 92px
        }
        .content{
            width 100%
            // height 197px
            background-color #fff
            padding  15px
            box-sizing border-box
            img{
                width 16.5px
                height 16.5px
                vertical-align middle
            }
            h3{
                font-size 15.5px
                line-height 40px
                font-weight 600
            }
            p{
                font-size 14px
                color #666
                line-height 20px
            }
            span{
                font-size 12.5px
                color #666
                margin-top 10px
                display inline-block
            }
            .time{
                color #F95425
                margin-right 230px
            }
            .praise{
                color #576B95
                margin-left 2px
            }
        }
        .footer{
            width 100%
            height 60px
            background-color #fff
            position absolute
            bottom 0
            .van-button__content{
                background-color #198AFF
                color #fff
                width 94%
                margin-left 3%
                margin-top 6px
            }
        }
    }
</style>